body {
    height: 100%;
  }
  
  body {
    width: 100%;
    height: 100%;
    background: #f0f4f8;
    color: #fff;
  }
  
  .wordle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    margin: auto;
  }
  
  .wordle-container {
    width: 80%;
    color: #333;
    font-size: 14px;
    background-color: #fff;
    border-radius: 15px;
  }
  
  .wordle-body{
    padding:0  30px 20px;
  }
  
  table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 15px; /* 设置单元格之间的间隔 */
    text-align: center; /* 设置单元格内容居中 */
    padding-top: 25px;
  }
  td {
    width: 20%; /* 每个单元格占表格宽度的20% */
    height: 60px; /* 设置单元格高度 */
    border: 1px solid rgb(83, 81, 81); /* 设置单元格边框 */
    font-size: 50px;
    color: #fff;
  }
  